<!doctype html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>오설록 모바일</title>
	<? include "../inc/head.html" ?>
</head>
<body>
<div id="wrapper">
<div id="wrap">
	<? include "../inc/header.html" ?>
	<!-- shopList:S -->
	<header class="shopHead">
		<a href="javascript:prevPage();" class="prev"><img src="../imgs/shop/icon_head_prev.gif" alt="이전"></a>
		<h1>나의 장바구니</h1>
	</header>


	<div class="subContainer cartContents">
		<div class="cartList">
			<p class="chk"><input type="checkbox" name="" ></p>
			<p class="thumb"><a href="#"><img src="/imgs/mypage/@thumb.jpg" alt=""></a></p>
			<div class="info">
				<p class="name">오설록 레드파파야 블랙티<span>40g</span></p>
				<p class="length">수량 : 1</p>
				<p class="coupon">쿠폰 : 4000원 할인 쿠폰</p>
				<p class="opt">옵션 : 선물포장</p>
				<p class="sale">24,000원</p>
				<p class="price">20,000원</p>
				<div class="util">
					<select name="" >
						<option value="01">수량변경</option>
						<option value="01">5</option>
						<option value="01">10</option>
						<option value="01">15</option>
					</select>
					<a href="#" class="btn gGray">삭제</a>
					<a href="#" class="btn gGreen">바로주문</a>
				</div>

			</div>
		</div>
		<ul class="cartGift">
			<li class="tit">사은품</li>
			<li class="thumb"><img src="/imgs/mypage/@thumb.jpg" alt=""></li>
			<li class="txt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore libero culpa fugiat obcaecati cupiditate cumque harum eius neque ducimus omnis! Quidem sed provident sapiente nam optio molestiae dicta vel est.</li>
		</ul>
		<ul class="cartGift">
			<li class="tit">적립내역</li>
			<li class="point"><span>뷰티포인트</span><strong>4,500P</strong></li>
		</ul>


		<h2>사은품</h2>
		<section id="odrGift">
			<h1>금액대별 특별 사은품</h1>
			<h2 class="name">* 3만원이상</h2>
			<ul>
				<!-- looof:S -->
				<li class="list">
					<p class="thumb"><img src="../imgs/order/@thumb.jpg" alt=""></p>
					<p class="name">오설록 특별 한정 그린컵 증정오설록 특별 한정 그린컵 증정</p>
				</li>
				<!-- NOTE:마지막 li엘리멘트에 클래스 추가 -->
				<li class="list">
					<p class="thumb"><img src="../imgs/order/@thumb.jpg" alt=""></p>
					<p class="name">오설록 특별 한정 그린컵 증정오설록 특별 한정 그린컵 증정</p>
				</li>
				<!-- loof:E /-->
			</ul>

		</section>
		<h2>결제예정금액</h2>
		<div id="odrPayInfo" class="tbs01">
		<table>
			<colgroup>
				<col style="width:95px">
				<col style="width:*">
			</colgroup>
			<tbody>
				<tr>
					<th>총 주문금액</th>
					<td><strong>39,000</strong>원</td>
				</tr>
				<tr>
					<th>상품쿠폰 할인</th>
					<td><strong>-4,000</strong>원</td>
				</tr>
				<tr>
					<th>배송비</th>
					<td>무료</td>
				</tr>
				<tr class="total">
					<td colspan="2">
						<p class="total">결제예정금액</p>
						<p class="price"><strong>35,000</strong>원</p>
					</td>
				</tr>
			</tbody>
		</table>
		</div>

		<ul class="btnWrap">
			<li><a href="#" class="gBrown">계속쇼핑하기</a></li>
			<li class="center"><a href="#" class="gGreen">전체상품주문</a></li>
			<li><a href="#" class="gKaki">선택상품주문</a></li>
		</ul>
		<p class="note">
			* 보유하고 계신 장바구니쿠폰은 주문/결제 시 적용 가능합니다.
		</p>
	</div>



	<!-- shopList:E /-->
	<? include "../inc/footer.html" ?>
</div>
<!-- ProductNavi -->
<? include "../inc/aside.html" ?>


</div>




<script>

</script>
</body>
</html>






